<template>
  <div>
    <v-btn color="success" @click="$message.success('这是一条 success 提示')">
      success
    </v-btn>
    <v-btn color="warning" @click="$message.warning('这是一条 warning 提示')">
      warning
    </v-btn>
    <v-btn color="error" @click="$message.error('这是一条 warning 提示')">
      error
    </v-btn>
    
    <v-btn color="primary" @click="$message({typeClass:'message--success',color:'blue',icon:'search',message:'这是一条 自定义 提示'})">
      自定义
    </v-btn>

    <v-btn color="error" @click="$message.closeAll()">
      关闭全部提示
    </v-btn>
  </div>
</template>

<script>
export default {
  name: 'components-message',
  data(){
    return{
    }
  },
}
</script>
